<template>
  <div class="container">
    <!-- <build-el-h1 name="大赛进度标题.png"></build-el-h1> -->
    <oneTitle title="赛程安排"></oneTitle>
    <div class="fwb info" v-html="details.contestSchedule"></div>
    <!-- <div class="flex-row">
      <div v-for="(item,index) in progress.data" :key="index+item.name" class="flex-row">
        <build-el-hexagon :name="item.name" :date="item.date"></build-el-hexagon>
        <div class="line-row" v-if="index!=progress.data.length-1"></div>
      </div>
    </div>-->
  </div>
</template>
<script>
import buildElH1 from '../build-el-h1';
import buildElHexagon from '../build-el-hexagon';
import JSONData from '@/assets/JSON';
export default {
  components: {
    buildElH1,
    buildElHexagon,
  },
  data() {
    return {
      ...JSONData,
      details: {},
    };
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 1 });
    this.details = res;
    console.log(this.details);
  },
};
</script>
<style lang="less" scoped>
.container {
  padding-top: 60px;
  .line-row {
    width: 68px;
    margin: 0 30px;
    background: #f03a0a;
  }
}
</style>
